<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <link rel="stylesheet" href="../utils/reset.css">
    <link rel="stylesheet" href="../utils/bootstrap.min.css">
    <link rel="stylesheet" href="../utils/swiper-bundle.min.css" />
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/index.css">
</head>

<body>
<!--header头部-->
<header>
    <div class="header-top">
        <div class="circle-box mobile">
            <div class="circle-item">
                                <img src="/img/common/Portugal-Circle.png" alt="Portugal-Circle">
                            </div>
        </div>
        <div class="w1200 top-box">
            <span class="left-title">Shanghai Creation Group Co.Ltd</span>
            <div class="circle-box">
                <ol class="circle-list">
                    <li class="circle-item" onclick="location.href='/pt'">
                        <img src="/img/common/China-Circle.png" alt="China-Circle">
                        <span>China</span>
                    </li>
                    <li class="circle-item" onclick="location.href='/pt'">
                        <img src="/img/common/Kingdom-Circle.png" alt="Kingdom-Circle">
                        <span>O REINO UNIDO</span>
                    </li>
                    <li class="circle-item" onclick="location.href='pt'">
                        <img src="/img/common/Germany-Circle.png" alt="Germany-Circle">
                        <span>República Federal da Alemanha</span>
                    </li>
                    <li class="circle-item" onclick="location.href='pt'">
                        <img src="/img/common/Japan-Circle.png" alt="Japan-Circle">
                        <span>Japão</span>
                    </li>
                    <li class="circle-item" onclick="location.href='pt'">
                        <img src="/img/common/Russia-Circle.png" alt="Russia-Circle">
                        <span>A Rússia é um país</span>
                    </li>
                    <li class="circle-item" onclick="location.href='pt'">
                        <img src="/img/common/Spain-Circle.png" alt="Spain-Circle">
                        <spanEspanha</span>
                    </li>
                    <li class="circle-item" onclick="location.href='pt'">
                        <img src="/img/common/Portugal-Circle.png" alt="Portugal-Circle">
                        <span>Portugal é um país da União Europeia</span>
                    </li>
                    <li class="circle-item" onclick="location.href='pt'">
                        <img src="/img/common/France-Circle.png" alt="France-Circle">
                        <span>A FRANÇA MAIS</span>
                    </li>
                    <li class="circle-item" onclick="location.href='pt'">
                        <img src="/img/common/SouthKorea-Circle.png" alt="SouthKorea-Circle">
                        <span>Coreia do Sul</span>
                    </li>
                    <!-- <li class="circle-item" onclick="location.href='/de'">
                         <img src="/img/common/Emirates-Circle.png" alt="Emirates-Circle">
                         <span>Árabe@ item: inlistbox</span>
                     </li>-->
                </ol>
            </div>
        </div>
    </div>
</header>
<nav class="navbar">
    <div class="w1200 navbar-box">
        <div class="logo">
            <h1>
                <a href="./index.html" role="img" class="logo-bd clearfix" title="logo-title">logo-title</a>
            </h1>
        </div>
        <ul class="link-box">
            <li class="active">
                <a href="./index.html">Página pessoal</a>
            </li>
            <li>
                <a href="./about.html">Sobre nós os dois.</a>
            </li>
            <li>
                <a href="./quality.html">Garantia da qualidade</a>
            </li>
            <li>
                <a href="./detail.html">Centro de produtos</a>
            </li>
            <li>
                <a href="./product.html">Aplicação de um produto</a>
            </li>
            <li>
                <a href="./new.html">Meios de comunicação social</a>
            </li>
            <li>
                <a href="./contact.html">Entre em contacto connosco</a>
            </li>
            <li>
                <a href="./composition.html">Composição do grupo</a>
            </li>
        </ul>
        <div class="search-box">
            <i class="search icon-search"></i>
            <input type="text" placeholder="Procurar">
            <i class="awrrod"></i>
        </div>
        <div class="mobile">
            <!-- <div class="search icon-search"></div> -->
            <img class="icon-menu" src="/img/common/Menu.svg">
        </div>
    </div>
</nav>
<!--header头部-->


    <div class="about-banner new">
        <h2>｜ Meios de comunicação social ｜</h2>
        <div class="title">About Us</div>
    </div>

    <section class="section-tab w1200">
        <ul class="tab-box">
            <li class="item-top item">
                Meios de comunicação social            </li>
            <li class="item active">
                <a href="./new.html">Notícias da Empresa e da Indústria</a>
            </li>
            <li class="item">
                <a href="./new-medium.html">Biblioteca de Meios de Comunicação Social</a>
            </li>
        </ul>
        <div class="main-box">
            <div class="main-title">
                <h3>Notícias da Empresa e da Indústria</h3>
                <p>Meios de comunicação social <i>/</i> <span>Notícias da Empresa e da Indústria</span></p>
            </div>
            <div class="about-box">
                <div class="tab-buttons">
                    <h3 class="tab-btn-item active">
                        <a href="./about-down.html">Todos</a>
                    </h3>Todos                    <h3 class="tab-btn-item ">
                        <a href="./about-down.html">NOTÍCIAS DAS EMPRESAS</a>
                    </h3>
                    <h3 class="tab-btn-item ">
                        <a href="./about-down.html">NEWS DA INDÚSTRIA</a>
                    </h3>
                </div>
                <!--<div class="search-container">
                    <div class="search-box search2">
                        <i class="search"></i>
                        <input type="text" placeholder="查询内容">
                    </div>
                    <button class="search-btn">搜索</button>
                </div>-->
                <div class="recruit-box">
                                            <div class="recruit-item">
                            <div class="recruit-container">
                                <h5 class="recruit-title">Visita de negócios à Malásia em Janeiro de 2024</h5>
                                <p class="recruit-detail">Tendo em conta as políticas preferenciais entre a China e a Malásia, o departamento de exportação de Ruixiong visitou mais de uma dúzia de importantes clientes na Malásia no final de janeiro de 2024.</p>
                            </div>
                            <div class="recruit-btn">
                                Assinatura do pedido de adesão                                <i class="icon button-next"></i>
                            </div>
                        </div>
                                    </div>
                <div class="pages-container">
                    <div class="button-prev { $news->currentPage() == 1 ? ' disabled' : '' }">
                        <a href="{ $news->currentPage() == 1 ? 'javascript:void(0);' : $news->url(1) }" aria-label="Previous">
                            <span aria-hidden="true">&laquo;</span>
                        </a>
                    </div>
                    <div class="pages-box">
                        @for ($i = 1; $i <= $news->lastPage(); $i++)
                        <a class="pages-item { $news->currentPage() == $i ? ' active' : '' } href="{ $news->url($i) }"">{ $i }</a>
                        @endfor
                    </div>
                    <div class="button-next { ($news->currentPage() == $news->lastPage()) ? ' disabled' : '' }">
                        <a href="{ $news->currentPage() == $news->lastPage() ? 'javascript:void(0);' : $news->url($news->currentPage() + 1) }" aria-label="Next">
                            <span aria-hidden="true">&raquo;</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>


<!--footer-->
<footer>
  <div class="footerBox w100 flex center">
    <div class="w1200   flex-row space-between">
      <div class="logo">
        <a href="./index.html" role="img" class="logo-bd footLogo clearfix" title="logo"></a>
      </div>
      <ul>
        <li>
          <h3>Sobre nós os dois.</h3>
        </li>
        <li><a href="#">FORÇA DA EQUIPA</a></li>
        <li><a href="#">Desenvolvimento sustentável e desenvolvimento sustentável</a></li>
        <li><a href="#">A segurança em primeiro lugar</a></li>
        <li><a href="#">Operação em boas condições</a></li>
        <li><a href="#">EQUIPAMENTO ENERGÉTICO</a></li>
        <li><a href="#">Centro de recrutamento</a></li>
        <li><a href="#">Centro de DownloadName</a></li>
      </ul>

      <ul>
        <li>
          <h3>Aplicação de um produto</h3>
        </li>
        <li><a href="#">Indústria automóvel na indústria automóvel</a></li>
        <li><a href="#">Indústria da construção civil</a></li>
        <li><a href="#">Indústria das máquinas e equipamentos</a></li>
        <li><a href="#">Outros sectores de actividade</a></li>
      </ul>

      <ul>
        <li>
          <h3Centro de produtos></h3>
        </li>
        <li><a href="#">Fio enrolado em rolos</a></li>
        <li><a href="#">Fio/tubo especial - formado</a></li>

      </ul>
      <ul>
        <li>
          <h3>Notícias e Meios de Comunicação</h3>
        </li>
        <li><a href="#">Notícias da Empresa e da Indústria</a></li>
        <li><a href="#">Biblioteca de Meios de Comunicação Social</a></li>
      </ul>
      <ul>
        <li>
          <h3>Entre em contacto connosco</h3>
        </li>
        <li><a href="#">FORMULÁRIO DE INSTRUMENTO</a></li>
        <li><a href="#">Meios de comunicação social</a></li>
        <li><a href="#">Localização da empresa</a></li>
      </ul>
      <ul>
        <li>
          <h3>Composição do Grupo Ruixiong</h3>
        </li>
      </ul>

    </div>

  </div>
  <div class="footeTwo  w100 flex center">
    <div class="w1200 h100 flex-row space-between align-items-center">
      <ul class="flex-row ulNav">
        <li><a href="#">Contact us</a></li>
        <li><a href="#">Location finder</a></li>
        <li><a href="#">Sitemap</a></li>
        <li><a href="#">Legal</a></li>
        <li><a href="#">Privacy</a></li>
      </ul>
      <ul class="flex-row ulImg align-items-center">
        <li><a href="#"><img src="/img/common/facebook1.png" alt="facebook"></a></li>
        <div class="border"></div>
        <li><a href="#"><img src="/img/common/facebook2.png" alt="facebook"></a></li>
        <div class="border"></div>
        <li><a href="#"><img src="/img/common/facebook3.png" alt="twitter"></a></li>
      </ul>

    </div>
  </div>
</footer>
<!--footer-->

<script src="utils/jquery-1.8.3.min.js"></script>
<script src="utils/bootstrap.min.js"></script>
<script src="utils/swiper-bundle.min.js"></script>
<script src="js/common.js"></script>
<script src="js/index.js"></script>
</body>

</html>
